<!DOCTYPE html>
<html>
<head lang="zh-cn">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>爱设团</title>
	<!--<link rel="stylesheet" href="bootstrap.min.css">-->
	<link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/layout.css">
	<link rel="stylesheet" href="css/format.css">
	<script src="jquery-2.1.1.min.js"></script>
	<!--<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>-->
</head>
<body>
	<nav class="navbar navbar-default navbar-fixed-top lg-nav">
			<div class="container-fluid">
				<div class="navbar-header">
					<a class="navbar-brand" href="index.html">爱设团</a>
				</div>
				<div class="collapse navbar-collapse">
					<ul class="nav navbar-nav">
						<li class="dropdown nav-list">
							<button class="dropdown-toggle btn btn-default nav-button" data-toggle="dropdown" aria-expanded="false">
								分类
								<span class="caret"></span>
							</button>
							<ul class="dropdown-menu list" role="menu">
								<li>
									<a href="category/category.html">动漫</a>
									<div class="nav-line"></div>
									<a href="">一级主题</a>
									<div class="nav-line"></div>
									<a href="">一级主题</a>
								</li>
								<li>
									<a href="#">一级主题</a>
									<div class="nav-line"></div>
									<a href="">一级主题</a>
									<div class="nav-line"></div>
									<a href="">一级主题</a>
								</li>
								<li>
									<a href="#">一级主题</a>
									<div class="nav-line"></div>
									<a href="">一级主题</a>
									<div class="nav-line"></div>
									<a href="">一级主题</a>
								</li>
							</ul>
						</li>
					</ul>
					<form class="navbar-form navbar-left" role="search">
						<div class="input-group">
							<input type="text" class="form-control" placeholder="Search">	
							<span class="input-group-btn">
								<button class="btn btn-default" type="button">搜索</button>
							</span>
						</div>
					</form>
					<ul class="nav navbar-nav">
						<li>
							<a href="">设团小组</a>
						</li>
						<li>
							<a href="javascript:;" class="design">我要设计</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li>
							<button type="button" class="btn btn-danger nav-reg">注册</button>
						</li>
						<li>
							<a href="" class="nav nav-login">登录</a>
						</li>
						<li>
							<p class="navbar-text">
								关联账号登录：
								<span>QQ</span>
								<span>新浪微博</span>
							</p>
						</li>
					</ul>
				</div>
			</div>
	</nav>
	<article class="container">
		<section class="de-content row">
			<aside class="de-fn col-md-4">
				<p class="de-title">上传你的大作</p>
				<input type="file" class="input-hidden" id="de-whole">
				<button class="btn btn-info de-whole">上传设计成品</button>
				<br/>
				<input type="file" class="input-hidden" id="de-part">
				<button class="btn btn-info de-part">上传T恤前身图案</button>
			</aside>
			<main class="de-preview row col-md-8">
				<div class="de-show col-md-5">
					<span class="de-placehold">设计成品</span>
				</div>
				<div class="de-show col-md-5 col-md-offset-1">
					<span class="de-placehold">T恤前身图案</span>
				</div>
				<button class="de-save btn btn-success" disabled>确定上传</button>
				<button class="btn btn-info de-num" disabled>还有 <span>2</span> 张图片没上传哦</button>
			</main>
		</section>
		<section class="panel panel-default add-desc">
            <p class="panel-heading ds-ph">
            	很棒的设计！为它添加一些描述吧~
            	<span class="glyphicon glyphicon-remove ds-cancel"></span>
            </p>
            <main class="panel-body">
                <div class="form-group clearfix">
                    <label for="ds-head" class="col-sm-2 control-label">标题</label>

                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="ds-head" placeholder="你的标题">
                    </div>
                </div>

                <div class="form-group clearfix">
                    <label for="ds-head" class="col-sm-2 control-label">分类</label>

                    <div class="col-sm-10">
                        <select id="ds-sort" class="form-control">
                            <%for(sort in sorts){%>
                            <option value="${sort.id}">${sort.name}</option>
                            <%}%>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="ds-desc" class="col-sm-2 control-label">描述</label>

                    <div class="col-sm-10">
                        <textarea class="ds-desc panel-body form-control" id="ds-desc" placeholder="说点什么呢......"></textarea>
                    </div>
                </div>
            </main>
            <button class="ds-finish btn btn-success">大功告成，发布去！</button>
        </section>
        <section class="de-loading">
        	<!--loading...-->        
        	<section class="submit-bar panel panel-info" style="display: none">
        		<div class="panel-heading">
        			提示
        		</div>
        		<div class="panel-body">
        			<div class="progress">
        				<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 100%">提交中...</div>
        			</div>
        		</div>
        	</section>

        	<!--clear...-->        
        	<section class="submit-clear panel panel-info" style="display: none">
        		<div class="panel-heading">
        			提示
        		</div>
        		<div class="panel-body">
        			<div class="row">
        				<h2>提交成功!</h2>
        			</div>
        		</div>
        		<div class="panel-footer">
        			<a type="button" href="" class="btn btn-success" data-dismiss="modal">继续添加</a>
        			<a type="button" href="" class="btn btn-info go-img">去看看</a>
        		</div>
        	</section>

        	<section class="submit-fail panel panel-info" style="display: none">
        		<div class="panel-heading">
        			提示
        		</div>
        		<div class="panel-body">
        			<div class="row">
        				<h2>提交失败</h2>
        			</div>
        		</div>
        		<div class="panel-footer">
        			<button type="button" class="de-fail btn btn-default" data-dismiss="modal">重试</button>
        		</div>
        	</section>
        </section>
	</article>
	<!-- <script src="jquery-2.1.1.min.js"></script> -->
	<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
	<script src="js/jquery.ui.widget.js"></script>
	<script src="js/jquery.iframe-transport.js"></script>
	<script src="js/jquery.fileupload.js"></script>
	<script src="js/nav.js"></script>
	<script src="js/de.js"></script>
</body>